<template>
	<el-card class="score-card">
		<div class="score-title">当前节能评分</div>
		<div class="score-value">{{ score }}</div>
		<div class="score-grade">评级：{{ score >= 90 ? '优秀' : score >= 70 ? '良好' : '一般' }}</div>
	</el-card>
</template>

<script setup>
const props = defineProps({ score: Number })
</script>

<style scoped>
.score-card {
	margin-top: 20px;
	text-align: center;
}

.score-title {
	font-size: 16px;
	color: #666;
}

.score-value {
	font-size: 48px;
	color: #409EFF;
	margin: 10px 0;
}

.score-grade {
	font-size: 18px;
	color: #333;
}
</style>
